<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>论坛中文网</title>
</head>

<body>
	<div style="padding: 10px; margin: 0px auto; max-width: 1600px;">

		<button type="submit" class="btn btn-default" onclick="javascript: window.open('/', '_self')">
			<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> 回到首页
		</button>
		<h1>发布文章</h1>
		<!-- 避免页面跳转 -->
		<iframe name="ifm" style="display: none;">
		</iframe>
		<form role="form" id="imgForm" method="post" target="ifm" enctype="multipart/form-data">
			<div class="form-group">
				<label for="title">标题</label>
				<input type="text" class="form-control" id="title" placeholder="请输入文章标题" value="蓝箭航天回应爆炸传闻：正常试验，公司3位人员轻微擦伤">
			</div>
			<div class="form-group">
				<img style="width: 200px; height: 150px;" id="avatar">
			</div>
			<div class="form-group">
				<label for="inputfile">文章图片</label>
				<input type="file" id="inputfile" name="file" accept="image/*" onchange="viewImg(this)">
				<input type="hidden" id="articleId" name="articleId"/>
				<p class="help-block">请选择文章图片</p>
			</div>
			<div class="form-group">
				<label for="content">正文</label>
				<textarea class="form-control" rows="10" id="content">【环球时报-环球网报道 记者 樊巍】1月29日晚，许多网友反映，上海市松江区一工业园区“发生爆炸”并传出巨响。“上海松江”相关话题随即在社交平台引发关注。松江区应急管理局在接受媒体采访时表示，松江区并未发生爆炸，松江区政府会统一解释。上海市气象局官方微博也发文称，“刚才有朋友问是否出现雷电，答案是，没有”。

随后有网友反映，此次巨响疑似来自于蓝箭航天位于上海松江的试验场所。

蓝箭航天相关工作人员1月30日在回应询问时表示，并无网上流传的爆炸的说法，此次巨响源自于一次正常试验。

蓝箭航天是全国首家取得全部准入资质、唯一基于自研液体发动机实现成功入轨的民营运载火箭企业，蓝箭航天已具备全产业链条交付能力。

2023年7月，蓝箭航天完成全球首款液氧甲烷运载火箭朱雀二号遥二成功入轨，标志着中国全面掌握液氧甲烷运载火箭关键技术，朱雀二号成为中国民商航天首款进入量产及商用的液体火箭。

该工作人员进一步介绍称，1月29日晚19点30分，蓝箭航天在室外低温试验工位开展商业航天贮箱低温静力爆破试验，贮箱在0.65MPa压力下正常破坏，试验控制过程无异常，部分玻璃轻微受损，蓝箭航天三位跟产人员受到轻微擦伤，并无大碍。

据了解，蓝箭航天目前在北京、西安、上海、浙江湖州和嘉兴设有研发基地和制造中心，其中上海研发中心主要聚焦液体运载火箭动力系统研制和运营，为各类航天器提供动力解决方案。

此次开展试验的航天贮箱，主要作用是用于贮存火箭燃料，是火箭的主体结构，通常由筒段、短壳和箱底三大件组成。其箱底为椭球形曲面薄壁结构，是关系全箭可靠性的核心关键构件，被誉为火箭上的“皇冠”。
				</textarea>
			</div>
			<button type="button" class="btn btn-primary" onclick="articlePublish()">立即发布</button>
		</form>
	</div>

</body>

<!-- 引入jquery -->
<script src="/js/jquery/jquery-1.10.2.min.js"></script>
<!-- 引入bootstrap -->
<link href="/js/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<script src="/js/bootstrap/js/bootstrap.min.js"></script>
<!-- 引入main.js -->
<script src="/js/main.js"></script>

<script>

/**
 * 进入页面就会执行
 */
 $(function() {
	// 获取当前登录用户，会currentUser赋值
	getCurrentUser().then(() => {
		if(currentUser==null) {
			alert("登录已过期")
      		window.location.replace("/html/login.html");
		}
	});
});

/**
 * 发布文章
 * 先传文章数据（json）回调传图片（附加文章id）
 */
function articlePublish() {
	const article = {
		"title": $("#title").val(),
		"content": $("#content").val()
	};
	if(confirm("是否确认发布文章？")) {
		$.ajax({
			url: BACK_URL + "/article",
			method: "post",
			contentType:"application/json;charset=utf-8",
			data: JSON.stringify(article),
			success: function (result) {
				if(result.code==200) {
					uploadImg(result.data.id);
					alert("发布成功");
				}
			}
		});
	}
}

/**
 * 上传图片
 */
function uploadImg(dataId) {
	// 设置图片上传的路径
	$("#imgForm").attr("action", BACK_URL + "/article/img");
	// 传图片，附加id，用js触发表单的提交
	$("#articleId").val(dataId);
	$("#imgForm").submit();
}

/**
 * 预览图片
 */
function viewImg($this) {
	var file = $this.files[0];
	var imgUrl = URL.createObjectURL(file);
	$('#avatar').attr('src', imgUrl)
}

</script>

</html>